<template>
    <van-grid :gutter="5" column-num='3'>
        <van-grid-item v-for="item in list" :key="item.id" :icon="item.imageUrl"  :text="item.title" />
        <!-- <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" /> -->
    </van-grid>
</template>

<script>
export default {

  props: {
    list: {
      type: Array,
      required: true

    }

  }
  // created () {
  //   console.log(list, 'list-')
  // }
}
</script>

<style lang="less" scoped>

</style>
